<template>
 
<div id="right">
   
    
    <div id="ff">
        <el-dropdown>
    <span class="el-dropdown-link">
      username
      <el-icon class="ee">
        <ArrowDown />
      </el-icon>
    </span>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item>logout</el-dropdown-item>
        
      </el-dropdown-menu>
    </template>
  </el-dropdown>
    </div>
     <div id="gg">
        <el-icon><Search /></el-icon>
    <el-icon><Share/></el-icon>
    </div>

</div>
     

</template>
<script>
import {Search,Share,ArrowDown } from '@element-plus/icons-vue'
 export default{
     components:{
         Search,
         Share,
        ArrowDown
     }

 }
</script>
<style scoped>
#right{
    float: right;
}
#ee{
    margin-top: 10px;
}
#ff{
     float: right;
     margin-top: 18px;
}
#gg{
     float: right;
margin-right: 8px;
}
</style>